<template>
  <div>
    <el-card>
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item
          v-for="(val , index) in $route.matched"
          :key="index"
          >
          {{val.name}}
          </el-breadcrumb-item>
        </el-breadcrumb>
    </el-card>
  </div>
</template>

<style scoped lang="less">
/deep/.el-card{
  padding: 0;
  height: 40px;
  margin-top: -10px;
}
/deep/.el-card__body{
  height: 40px;
  padding: 0 15px;
}
/deep/.el-breadcrumb {
  line-height: 40px;
  height: 40px;
}
</style>
